<template>
  <div class="app_header">
      <p>node社区</p>
      <input type="text" :value="modelValue" @input="$emit('update:modelValue',$event.target.value)">
  </div>
</template>

<script>
import { ref, reactive, toRefs } from "vue";
export default {
  props:{
    modelValue: String
  },
  setup() {},
};
</script>
<style lang="scss" scoped>
.app_header{
  height: 100px;
  background: #444444;
  p{
      font-size: 16px;
      color: #fff;
      text-align: center;
  }
  input{
    border: none;
    width: 70%;
    height: 40px;
    border-radius: 20px;
    margin: 10px auto;
    display: block;
    padding: 0 10px;
  }
}
</style>